<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>会员登入</title>
  <style>
    tr {
      height: 40px;
    }
    input {
      color: #cccccc
    }
    .AE86 {
      font-size: 18px;
      color: #666666
    }
    .fontstyle1 {
      color: #a4a4a4;
      font-size: 12px
    }
  </style>
</head>
<body>
  <table width="400px" align="center" >
    <tbody>
    <tr>
      <th colspan="2" class="AE86">会员登入</th>
    </tr>
    <tr>
      <td>登录帐号</td>
      <td><input type="text" value="邮箱/id/手机号"></td>   <!--同样的代码，输入文本框的位置又有变化了-->
    </tr>
    <tr>
      <td>密码</td>
      <td><input type="text" value="密码"></td>
    </tr>
    <tr>
      <td></td>
      <td>
        <input type="checkbox" checked="checked"> 
        <span class="fontstyle1">两周内自动登录</span>
      </td> 
    </tr>
    <tr>
      <td></td>
      <td>
        <input type="image" src="login.png">
        <a href="#" style="text-decoration: none">忘记密码</a>
      </td>
    </tr>
    <tr>
      <td>它方账号登入</td>
      <td style="font-size: 12px;color: #666666">
        <img src="ico1.png" alt="qq">
        <span>&nbsp;&nbsp;QQ账号</span>
        <img src="ico2.png" alt="qq">
        <span>&nbsp;&nbsp;新浪微博</span>
        <img src="ico3.png" alt="qq">
        <span>&nbsp;&nbsp;百度账号</span>
      </td>
    </tr>
    <tr>
      <td></td>
      <td>
        <a href="世界佳缘.html">还不是会员？立即注册</a>
      </td>
    </tr>
    </tbody>
  </table>
</body>
</html>